<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JavaScript 练习</title>
    <link rel="stylesheet" href="css/style.css">
    <!--<style>-->
        <!--/*#test{*/-->
            <!--/*font-size: 24px;*/-->
        <!--/*}*/-->
        <!--/*.test{*/-->
            <!--/*font-size: 42px;*/-->
        <!--/*}*/-->
    <!--</style>-->

<!--
    <style>
        td{
            border:1px solid #ccc;
            padding: 3px 5px;
        }
        table{
            border-collapse: collapse;
        }
    </style>-->


</head>
<body>
<!--    <a href="javascript:alert('Hello');">test</a>
    <input type="text" value="test" onclick="alert('Hello');">
    <div id="test">id里面的Hello！</div>
    <div class="test">class里面的Hello！</div>-->
<!--<button onclick="color('red')">红色</button>
<button onclick="color('yellow')">黄色</button>
<button onclick="color('blue')">蓝色</button>-->



<!--<div class="container">
    <div class="title">
        <h2><span id="nian"></span>年<span id="yue"></span>月</h2>
    </div>
    <div class="week">
        <span>日</span>
        <span>一</span>
        <span>二</span>
        <span>三</span>
        <span>四</span>
        <span>五</span>
        <span>六</span>
    </div>
    <div class="day" id="day">
    </div>
</div>-->



<!--<div id="nav"></div>-->



<!--点击事件 点击后执行box函数-->
<!--<button onclick="box()">按钮</button>-->



<!--<h1>大小写转换</h1>
<p>
    原数据：<input type="text" id="old">
</p>
<p>
    操作：
    <button onclick="up(1)">转大写</button>
    <button onclick="up(2)">转小写</button>
</p>
<p>
    新数据：<input type="text" id="new">
</p>-->



<!--简单的计算器-->
<!--<p>
    整数1：<input type="text" id="zs1">
</p>
<p>
    整数2：<input type="text" id="zs2">
</p>
<p>
    <button onclick="up(1)">相加</button>
    <button onclick="up(2)">相减</button>
    <button onclick="up(3)">相乘</button>
    <button onclick="up(4)">相除</button>
</p>
<p>
    结果：<input type="text" id="jg">
</p>-->


<!--<p id="pid">pid</p>-->


<script src="js/script.js"></script>
</body>
</html>